body,body * {	margin: 0px;padding: 0px;list-style: none;border: 0px;color: #fff;}
ul,ol,li,dl,dt,dd,span,p,h1,h2,h3,i {display: block;}
.bg{background: url(../image/activity/bg.jpg) no-repeat;background-size: 100% 100%; width: 100%; height: 100%;  position: fixed;}
.bg1{background: url(../image/activity/bg1.jpg) no-repeat;background-size: 100% 100%; width: 100%; height: 100%;  position: fixed;}
.bg2{background: url(../image/activity/bg4.jpg) no-repeat;background-size: 100% 100%; width: 100%; height: 100%;  position: fixed;}
.bg3{background:url(../image/activity/bg2.jpg) no-repeat;background-size: 100% 100%; width: 100%; height: 100%;  position: fixed;}
.content {position: absolute;top:0px}
@keyframes pulldown {0% {transform: translateY(-350%);}100% {transform: translateY(0%);}}
@-webkit-keyframes pulldown {0% {-webkit-transform: translateY(-350%);}100% {-webkit-transform: translateY(0%);}}
@keyframes ng {0% {transform: translateY(-1000%);}100% {transform: translateY(0%);}}
@-webkit-keyframes ng {0% {-webkit-transform: translateY(-1000%);}100% {-webkit-transform: translateY(0%);}}
@keyframes show {0% {opacity: 0;}100% {opacity: 1;	}}
@-webkit-keyframes show {0%{opacity:0;}100% {opacity: 1;}}
@keyframes show1 {0% {opacity: 0.1;}50% {opacity: 1;	}100% {opacity: 0.1;	}}
@-webkit-keyframes show1 {0%{opacity:0.1;}50% {opacity: 1;}100% {opacity: 0.1;	}}
@keyframes car {0% {transform: scale(0, 0);}100% {transform: scale(1, 1);}}
@-webkit-keyframes car {0% {-webkit-transform: scale(0, 0);}100% {-webkit-transform: scale(1,1);}}
@keyframes zoom {0% {transform: scale(0, 0);}80% {transform: scale(1.1, 1.1);}100% {transform: scale(1,1);}}
@-webkit-keyframes zoom {0% {-webkit-transform: scale(0, 0);}80% {-webkit-transform: scale(1.1, 1.1);	}	100% {-webkit-transform: scale(1, 1);}}
@keyframes heart {	0% {transform: scale(0.96, 0.96);}50% {	transform: scale(1.04, 1.04);}	100% {	transform: scale(0.96, 0.96);}}
@-webkit-keyframes heart {0% {-webkit-transform: scale(0.96, 0.96);}50% {-webkit-transform: scale(1.04, 1.04);}100% {-webkit-transform: scale(0.96, 0.96);
}}
@keyframes ng {	0% {transform: scale(0.98, 0.98);}50% {	transform: scale(1.02, 1.02);}	100% {	transform: scale(0.98, 0.98);}}
@-webkit-keyframes ng {0% {-webkit-transform: scale(0.98, 0.98);}50% {-webkit-transform: scale(1.02, 1.02);}100% {-webkit-transform: scale(0.98, 0.98);
}}
@keyframes yuan {	0%{transform: rotateZ(0deg);}100% {transform: rotateZ(360deg);}}
@-webkit-keyframes yuan {0% {-webkit-transform: rotateZ(0deg);}100% {-webkit-transform: rotateZ(360deg);}}
@keyframes zoom1 {0% {transform: scale(0, 0);}80% {transform: scale(1.1, 0.9);}100% {transform: scale(1, 0.7);}}
@-webkit-keyframes zoom1 {0% {-webkit-transform: scale(0, 0);}80% {-webkit-transform: scale(1.1, 0.9);}100% {-webkit-transform: scale(1, 0.7);}}
@keyframes bf_bg { 0% {transform:scale(10,10); } 80% { transform:scale(0.98,0.98); } 100% { transform:scale(1,1); } } 
@-webkit-keyframes bf_bg{0% { transform:scale(10,10); } 80% { transform:scale(0.98,0.98); } 100% { transform:scale(1,1); }}
.logo {	width: 28%;	margin: 5% 36% 0px;	-webkit-animation: pulldown 2s both;animation: pulldown 2s both;}
.content p {width: 100%;text-align: center;	line-height: 25px;}
.siez {	font-size: 12px;letter-spacing: 5px;font-family: 'Jaguar-Regular';-webkit-animation:zoom1 1s both 1s; animation:zoom1 1s both 1s;}
.siez1 {font-size: 14px;color: #e02232;letter-spacing: 5px;	font-family: 'Jaguar-Regular';	-webkit-animation:zoom1 1s both 1s;animation:zoom1 1s both 1s;}
.siez2 {font-size: 18pt;letter-spacing: 3px;padding-top: 0.1em;font-family: 'CJNgaiPRC-Bold';font-weight: 800;-webkit-animation: show 1s both 2s;	animation: show 1s both 2s;}
.siez3 {font-size: 18pt;letter-spacing: 3px; padding-top:30px;font-family: 'CJNgaiPRC-Bold';font-weight: 800;-webkit-animation: pulldown 2s both;animation: pulldown 2s both;color:#aa1630 ;}
.siez4 {font-family: "MHeiPRC-Bold"; position: absolute; top:35%; font-size: 12px; width: 60%; left: 50%; margin-left:-30%; text-align: center; }
.siez5{font-family:"DS-DIGI"; text-align: center;; font-size: 50px; position: absolute;  z-index: 2; color: #d30709; font-weight: 600;}
.siez6{font-family:"MHeiPRC-Medium"; text-align: center;; font-size: 12px; padding-top: 50px;}
.siez7{font-family:"CJNgaiPRC-Bold"; text-align: center;; font-size: 16px; padding-top: 10%; color: #167bc3;}
.siez71{font-family:"CJNgaiPRC-Bold"; text-align: center;; font-size: 16px; padding-top: 10%; color: #d32b2d;}
.siez8{font-family:"CJNgaiPRC-Bold"; text-align: center;; font-size: 16px; padding-top: 80%; color: #167bc3; padding-bottom: 2%;}
.siez81{font-family:"CJNgaiPRC-Bold"; text-align: center;; font-size: 16px; padding-top: 80%; color: #d32b2d; padding-bottom: 2%;}
.siez9{font-family:"MHeiPRC-Medium"; text-align: center;; font-size: 12px;  color: #fff; margin: 0px auto;}
.siez10{font-family:"CJNgaiPRC-Bold"; text-align: center;; font-size: 14px;  color: #fff; margin: 10px auto;-webkit-animation: show 1s both 2s;	animation: show 1s both 2s;}
.siez11{font-family:"MHeiPRC-Medium"; text-align: center;; font-size: 12px;  color: #fff; margin: 0px auto;-webkit-animation: show 1s both 3s;	animation: show 1s both 3s;}
.car {width: 60%;margin: 10% 20% 5%;-webkit-animation: car 2s both 3s;animation: car 2s both 3s;}
#mp {position: fixed;opacity: 0;}
.btn {	width: 28%;	margin: 2% 36%;	-webkit-animation: heart 1s infinite;	animation: heart 1s infinite;	text-align: center;	display: none;}
/*main*/
.ewm{ position: fixed; bottom: 3%;left: 5%; width: 13%; border: solid 1px #FFFFFF;}
.npt{ margin: 50% 20% 0px; }

.tx{position: absolute; }
.ng{position: absolute; z-index: 2; left: 50%; margin-top: 5.5%; }
.xg1{-webkit-animation: show1 1s linear infinite ;	animation: show1 1s linear infinite }
.xg2{-webkit-animation: ng 1s linear infinite ;	animation: ng 1s linear infinite}
.play{ position: absolute;}
.play .bng{width: 100%; height: 100%; position: absolute; background: url(../image/activity/bng.png) no-repeat; background-size: 100%;-webkit-animation: yuan 3s linear infinite ;	animation:  yuan 3s linear infinite }
.play .bng1{width: 100%; height: 100%; position: absolute; background: url(../image/activity/bng1.png) no-repeat; background-size: 100%;-webkit-animation: yuan 3s linear infinite ;	animation: yuan 3s linear infinite }

#play2{ margin-top: 30%; right: 10%;}

#play4{ margin-top: 30%; left: 10%;}
#play5{ margin-top: 12%; left:38%;}
.play img{ width:100%;}
.bt_bg{	-webkit-animation:show 1s both;animation:show 1s both;  position: absolute; padding-top: 10%;}
.bt_ewm{ position: absolute;left: 50%; top: 30%;-webkit-animation:car 2s both;animation:car 2s both; }
.bt_bt{ margin: 20px 30% 0px;}
.bt{ margin: 0px 30%; padding-top: 10px;}
.gc{ left: 50%; position: absolute; margin-top: 27%;-webkit-animation: yuan 3s linear infinite ;	animation:  yuan 3s linear infinite}
.gc_bg{ margin-top: 5%;position: absolute;-webkit-animation: show1 2s linear infinite ;	animation: show1 2s linear infinite}
.ques{ width: 60%; margin: 0px auto; font-family:"MHeiPRC-Medium";font-size: 12px; overflow: hidden;}
.ques li{ float: left; width: 20%; height:50px; text-align: center;}
.ques li span{ border: solid 1px #e02232;  border-radius: 50%; width: 24px; height: 24px; background: #fff; margin: 0px auto;}
.ques .cli span{  background: #e02232; border: solid 1px #fff;  }
.btn2{ width: 50%; margin: 0px 25%; padding-top: 10%;-webkit-animation: show 1s both 4s;	animation: show 1s both 4s;}
#ques{-webkit-animation: show 1s both 3s;	animation: show 1s both 3s;}
#ques1{-webkit-animation: show 1s both 3s;	animation: show 1s both 3s;}
